<template>
  <FormItem label="默认值">
    <Input v-model:value="activeComp.defaultValue" placeholder="请输入默认值" />
  </FormItem>
  <FormItem label="占位提示">
    <Input v-model:value="activeComp.__component__.placeholder" placeholder="请输入占位提示" />
  </FormItem>
  <FormItem label="前缀">
    <Input v-model:value="activeComp.__component__.addonBefore" placeholder="请输入前缀" />
  </FormItem>
  <FormItem label="后缀">
    <Input v-model:value="activeComp.__component__.addonAfter" placeholder="请输入后缀" />
  </FormItem>
  <FormItem label="前缀图标">
    <Input v-model:value="activeComp.__component__.prefix" placeholder="请输入前缀图标" />
  </FormItem>
  <FormItem label="后缀图标">
    <Input v-model:value="activeComp.__component__.suffix" placeholder="请输入后缀图标" />
  </FormItem>
  <FormItem label="最多输入">
    <Input
      v-model:value="activeComp.__component__.maxlength"
      placeholder="请输入字符长度"
      addon-after="个字符"
    />
  </FormItem>
  <FormItem label="展示字数">
    <Switch v-model:checked="activeComp.__component__.showCount" />
  </FormItem>
  <FormItem label="能否清空">
    <Switch v-model:checked="activeComp.__component__.allowClear" />
  </FormItem>
  <FormItem label="是否禁用">
    <Switch v-model:checked="activeComp.__component__.disabled" />
  </FormItem>
  <FormItem label="是否只读">
    <Switch v-model:checked="activeComp.__component__.readonly" />
  </FormItem>
</template>
<script lang="tsx" setup name="InputPasswordOption">
  import { toRefs } from 'vue';
  import { FormItem, Input, Switch } from 'ant-design-vue';
  import { useFormStore } from '/@/store/modules/workFlow/form';
  const store = useFormStore();

  const { activeComp } = toRefs<any>(store);
</script>
<style lang="less" scoped></style>
